<template>
  <div class="home-swipe">
      <van-search v-model="value" placeholder="请输入搜索关键词"
       input-align="center" @search="onSearch"/>
       <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
          <van-swipe-item v-for="(item,index) in bannerData" :key="index">
            <!-- <img :src="item.picUrl" alt=""> -->
            <van-image :src="item.picUrl" lazy-load radius="16px"/>
          </van-swipe-item>
      </van-swipe>
  </div>
</template>
<script>
import { Toast } from 'vant';
// import axios from 'axios';
export default {
 data() {
  return {
    value: '',
    bannerData:[],//存放api获取到的轮播数据
  };
},
 methods: {
  onSearch(val) {
    Toast(val);
  },
  // 网络请求方法
  getBanner(){
            this.$request('get','/recommend/banner')
            .then(res=>{
                console.log(res)
                if(res.result == 100){
                    this.bannerData = res.data;
                }
            })
        }
},
created(){
  this.getBanner()
},
mounted(){

}
}
</script>
<style scoped>
/* .my-swipe .van-swipe-item img{
  width: 100%;
} */
</style>